<extend name="Common/layout"/>
<block name="css">
    <!--<link rel="stylesheet" href="__PUBLIC__/css/jquery-ui.1.12.0.css">-->
</block>
<block name="content">
    <div class="panel admin-panel">
        <div class="panel-head" id="add">
            <strong><span class="icon-pencil-square-o"></span>增加</strong></div>
        <div class="body-content">
            <form method="post" class="form-x" action="">
                <input type="hidden" name="id" value="{$data.id}">
                <input type="hidden" name="can_forward" value="{$data.can_forward}">

                <div class="form-group">
                    <div class="label">
                        <label>标题：</label>
                    </div>
                    <div class="field">
                        <input type="text" class="input w100" value="{$data.title}" name="title"
                               data-validate="required:请输入标题"/>

                        <div class="tips"></div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="label">
                        <label>内容：</label>
                    </div>
                    <div class="field">
                        <!-- 加载编辑器的容器 -->
                        <script id="container" name="content" type="text/plain">
{$d.content}
                        </script>
                    </div>
                </div>
                <div class="form-group">
                    <div class="label">
                        <label>可以转发：</label>
                    </div>
                    <div class="field">
                        <div class="button-group radio">
                            <label data-value="1" data-name="can_forward"
                                   class="button <php> if($data['can_forward'] == 1) echo 'active'; </php>">
                                <span class="icon icon-check"></span>
                                <input value="1" type="radio" checked="checked">是
                            </label>
                            <label data-value="0" data-name="can_forward"
                                   class="button <php>if($data['can_forward'] == 0) echo 'active'; </php>">
                                <span class="icon icon-times"></span>
                                <input value="0" type="radio" checked="checked">否
                            </label>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="label">
                        <label></label>
                    </div>
                    <div class="field">
                        <button class="button bg-main icon-check-square-o" type="button" id="save"> 提交</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</block>
<block name="js">
    <script src="__PUBLIC__/js/jquery-2.2.2.min.js"></script>
    <script src="__PUBLIC__/js/jquery-ui-1.11.1.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- 配置文件 -->
    <script type="text/javascript" src="__PUBLIC__/third/ueditor/ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="__PUBLIC__/third/ueditor/ueditor.all.js"></script>
    <!-- 实例化编辑器 -->
    <script type="text/javascript">
        var ue = UE.getEditor('container', {
            allowDivTransToP: false,
            initialFrameWidth: 700,
            initialFrameHeight: 500,
            autoHeightEnabled: false,
            toolbars: [
                [
//                    'anchor', //锚点
                    'undo', //撤销
                    'redo', //重做
                    'bold', //加粗
                    'indent', //首行缩进
//                    'snapscreen', //截图
                    'italic', //斜体
                    'underline', //下划线
                    'strikethrough', //删除线
                    'subscript', //下标
                    'fontborder', //字符边框
                    'superscript', //上标
                    'formatmatch', //格式刷
                    'source', //源代码
                    'blockquote', //引用
                    'pasteplain', //纯文本粘贴模式
                    'selectall', //全选
//                    'print', //打印
//                    'preview', //预览
                    'horizontal', //分隔线
                    'removeformat', //清除格式
                    'time', //时间
                    'date', //日期
                    'unlink', //取消链接
                    'insertrow', //前插入行
                    'insertcol', //前插入列
                    'mergeright', //右合并单元格
                    'mergedown', //下合并单元格
                    'deleterow', //删除行
                    'deletecol', //删除列
                    'splittorows', //拆分成行
                    'splittocols', //拆分成列
                    'splittocells', //完全拆分单元格
                    'deletecaption', //删除表格标题
                    'inserttitle', //插入标题
                    'mergecells', //合并多个单元格
                    'deletetable', //删除表格
                    'cleardoc', //清空文档
                    'insertparagraphbeforetable', //"表格前插入行"
//                    'insertcode', //代码语言
                    'fontfamily', //字体
                    'fontsize', //字号
                    'paragraph', //段落格式
                    'simpleupload', //单图上传
                    'insertimage', //多图上传
                    'edittable', //表格属性
                    'edittd', //单元格属性
                    'link', //超链接
//                    'emotion', //表情
//                    'spechars', //特殊字符
//                    'searchreplace', //查询替换
//                    'map', //Baidu地图
//                    'gmap', //Google地图
                    'insertvideo', //视频
//                    'help', //帮助
                    'justifyleft', //居左对齐
                    'justifyright', //居右对齐
                    'justifycenter', //居中对齐
                    'justifyjustify', //两端对齐
                    'forecolor', //字体颜色
                    'backcolor', //背景色
                    'insertorderedlist', //有序列表
                    'insertunorderedlist', //无序列表
                    'fullscreen', //全屏
//                    'directionalityltr', //从左向右输入
//                    'directionalityrtl', //从右向左输入
                    'rowspacingtop', //段前距
                    'rowspacingbottom', //段后距
                    'pagebreak', //分页
//                    'insertframe', //插入Iframe
                    'imagenone', //默认
                    'imageleft', //左浮动
                    'imageright', //右浮动
//                    'attachment', //附件
                    'imagecenter', //居中
//                    'wordimage', //图片转存
                    'lineheight', //行间距
                    'edittip ', //编辑提示
                    'customstyle', //自定义标题
                    'autotypeset', //自动排版
//                    'webapp', //百度应用
                    'touppercase', //字母大写
                    'tolowercase', //字母小写
                    'background', //背景
                    'template', //模板
//                    'scrawl', //涂鸦
                    'music', //音乐
                    'inserttable', //插入表格
                    'drafts', // 从草稿箱加载
                    'charts', // 图表
                ]
            ],
        });
        ue.ready(function () {
            ue.setContent({$data.content});
        });
    </script>

    <script>
        $('#save').click(function (event) {
            $.ajax({
                url: 'index.php?s=/Admin/Article/add',
                type: 'POST',
                dataType: 'json',
                data: $('form').serialize(),
                success: function (data) {
                    if (data == 10005) {
                        alert('保存成功');
                        window.location.href = 'index.php?s=/Admin/Article/index';
                    } else {
                        alert("保存失败");
                    }
                },
                error: function () {
                },
            });
        });
    </script>

</block>
